<template>
  <div>
    列表
    <ul>
      <li v-for="(hero,index) in heros"
          :key="index">
        {{hero.name}}
        <!--  去哪里 ?id=12 相当于在请求路径后面拼接参数   /get?id=10-->
        <router-link :to="{name:'demoDetail',query:{id:index}}">查看</router-link>
        <!-- 使用params ?id=12 相当于在请求路径后面拼接参数   /get?id=10-->
        <!-- <router-link :to="{name:'demoDetail',params:{id:index}}">查看</router-link> -->
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      heros: [{
        name: '张三'
      }, {
        name: '王五'
      }]

    }
  },
  components: {

  },
  methods: {

  }
}
</script>

<style scoped>
</style>
